﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>兑换历史记录</title>
    <meta charset="utf-8" />
    <link href="../jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />
    <link href="../jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <script src="../jquery-easyui-1.4.3/jquery.min.js"></script>
    <script src="../jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#dg").datagrid({
                fitColumns: true,
                toolbar: "#tb",//工具栏
                pagination: true,//分页
                singleSelect: true,//选择行（单选）
                rownumbers: true,//序列号（行）
                method: "get",//决定请求方式get或post
                url: "/jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json",
                columns: [[
                { field: 'productid', title: '礼品名称', width: 80 },
                { field: 'productname', title: '所需积分', width: 80 },
                { field: 'unitcost', title: '兑换数量', width: 80, align: 'right' }
                ]]
            });
        });
    </script>
</head>
<body>
    <fieldset style="border-color:cornflowerblue; border:1.5px solid rgb(149,183,231)">
        <legend><b>查找会员</b></legend>
        <table>
            <tr>
                <td>会员卡号/电话：</td>
                <td><input id="Text1" type="text"  class="easyui-textbox"/></td>
                <td><input id="Button1" type="button" value="全部兑换记录" class="easyui-linkbutton" /></td>
            </tr>
        </table>
    </fieldset>
    <fieldset style="border-color:cornflowerblue; border:1.5px solid rgb(149,183,231)">
        <legend><b>兑换记录列表</b></legend>       
        <table id="dg"></table>
    </fieldset>
</body>
</html>
